﻿
/* div menu */

#barraMenu{
position:relative;
float:left;
left:0%;
width:100%;
height:40px;
top:0;


    background-color:black;
    	

}

body{

background-color:yellow;

}
/* label home*/
#home{

position:relative;
float:left;
left:10px;
top:15px;
color:red;
}
#home:hover{

color:yellow;

}
/* label empresa*/
#empresa{

position:relative;
float:left;
left:40px;
top:15px;

}
#empresa:hover{

color:yellow;

}
/* label colaboradores*/
#colaboradores{
position:relative;
float:left;
left:70px;
top:15px;

}
#colaboradores:hover{

color:yellow;

}
/* label esqueceu a senha*/
#esq_senha{
position:relative;
float:left;
left:48%;
top:15px;
color:red;

}
#esq_senha:hover{

color:yellow;

}
/* classe altera propriedades de label*/
.fonte{
text-decoration:none;
font-weight:bold;
font-size:12px;
color:white;
}
/* div limita tamanho da página para ajustar resolução*/
#corpo{
position:relative;
width:900px;
height:5000px;
margin:0 auto;
top:40px;


background-color:yellow;


}
/* logo marca da empresa*/
#logo{
position:absolute;
float:left;
left:300px;

width:270px;
height:200px;

top:0px;
border-radius: 100px;

}
#logo:hover{
 opacity:0;

}